  $(function(){
           
          	var i=0;
          	var size=$('.box ul li').size();
           $('.box .btn_l').click(function(){
           	    i++
           	    if(i==size){i=0;}
           	   tog();

           	    
           })
           $('.box .btn_r').click(function(){
           	 i--;
           	 if(i==-1){i=size-1;}
              tog();
           })



           function tog(){
            $('.box ul li').eq(i).css("position","relative").css("z-index","2").css("width","100%").css("opacity","1").siblings().css("position","absolute").css("z-index","1").css("width","100%").css("opacity","0");
           }
          	function move(){
         	$('.box ul li').eq(i).animate({opacity:1},2100).siblings().animate({opacity:0},200);
           	    setTimeout(function(){
           	    tog();
                },1150);
         }

         

         var t=setInterval(function(){
         	 i++
           	    if(i==size){i=0;}
           	    move();
         },3000);




         $('.box').hover(function(){
          
          clearInterval(t);
         },function(){
         clearInterval(t);
         	 t=setInterval(function(){
         	 i++
           	    if(i==size){i=0;}
           	    move();
         },3000);
         })
     
     $(".ct").click(function(){
     $("header>div>ul").toggle();

     })
 document.oncontextmenu=function(){
        return false;
      }



          })
